<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>大象贷-郑州贷款、河南贷款、贷款好又快</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="Keywords" content="大象贷，河南贷款，郑州贷款，贷款产品，线上贷款，信用贷款，房屋贷款，车辆贷款，产品介绍，大额贷款，小额贷款"/>
		<meta name="Description" content="大象贷为个人、企业提供线上贷款、信用贷款、房屋贷款、车辆贷款等多款贷款产品，合作机构覆盖广泛，贷款方式选择多样，放款速度快捷。想贷款，就找大象贷。入驻河南电视广播、私家车999、腾讯大豫网。"/>
		<link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" type="text/css" href="//s10.realdtech.com/dxd-webmobile/css/style.css"/>
		<style>
			.layui-layer-btn .layui-layer-btn0{
				    border-color: #3dcc72 !important;
    				background-color: #3dcc72 !important;
			}
		</style>
	</head>
	<body>
		<!--header-->
		<div class="header">
			<a href="index.html"><i class="fa fa-angle-left"></i></a>
			<p>贷款申请表</p>
		</div>
		<!--banner-->
		<div class="reg-banner">
			<img src="//s10.realdtech.com/dxd-webmobile/img/banner1.png">
		</div>
		<div class="reg-form">
			<form id="form" method="post" action="">
				<div class="input-con">
					<div class="label"><i>申请金额</i></div>
					<div class="tInput">
						<input type="text" name="amount" placeholder="请输入您的贷款金额（元）" class="amount">
					</div>
				</div>
				<div class="input-con">
					<div class="label"><i>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</i></div>
					<div class="tInput">
						<input type="text" name="name" placeholder="请输入您的姓名" class="name">
					</div>
				</div>
				<div class="input-con">
					<div class="label"><i>手&nbsp;&nbsp;机&nbsp;&nbsp;号</i></div>
					<div class="tInput">
						<input type="text" name="mobileNo" placeholder="请输入您的手机号" class="tel-number">
					</div>
				</div>
				<div class="input-con">
					<button>立即申请</button>
				</div>
				<p>温馨提示:提交申请后，我们的营销经理会及时与您联系。</p>
			</form>
		</div>
		<!--footer-->
		<div class="footer">
			<div class="custom-server">
				<div class="custom-pic">
					<img class="server-per" src="//s10.realdtech.com/dxd-webmobile/img/custom.png">
				</div>
				
				<div class="server-date">
					<p>0371-61313123</p>
					<p>服务时间：工作日 (9:00-18:00)</p>
				</div>
				<div class="know">
					<a href="tel:0371-61313123" class="telphone"><img src="//s10.realdtech.com/dxd-webmobile/img/tel-icon.png"><i>咨询</i></a>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="nav">
					<ul>
						<li>
							<a href="about-us.html">
								<img src="//s10.realdtech.com/dxd-webmobile/img/about-icon.png">
								<p>关于大象贷</p>
							</a>
						</li>
						<li>
							<a href="attention-us.html">
								<img src="//s10.realdtech.com/dxd-webmobile/img/wechat-icon.png">
								<p>关注我们</p>
							</a>
						</li>
						<li>
							<a href="join-us.html">
								<img src="//s10.realdtech.com/dxd-webmobile/img/join-icon.png">
								<p>加入我们</p>
							</a>
						</li>
						<div class="clearfix"></div>
					</ul>
				</div>
				<div class="remark">
					<p>Copyright &copy;xinjin All Right Reserved 新金科技版权所有</p>
					<p>豫ICP备17021586号-1</p>
				</div>
		</div>
		<div class="tip">
			<p>你的手机开机合肥第佛</p>
		</div>
		<script>
		    var _hmt = _hmt || [];
		    (function () {
		        var hm = document.createElement("script");
		        hm.src = "https://hm.baidu.com/hm.js?aa1e598c8aec835ae9795386047496eb";
		        var s = document.getElementsByTagName("script")[0];
		        s.parentNode.insertBefore(hm, s);
		    })();
		</script>
	</body>
	<script src="//static1.finchain.top/lib/amazeui/v2.7.2/js/jquery.min.js"></script>
	<script src="//static1.finchain.cc/jquery.form.js"></script>
	<script src="//cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>
	<script src="//s10.realdtech.com/dxd-webmobile/js/common.js"></script>
	<script>
		 //贷款金额判断错误失去焦点提示错误
    $('.amount').on("blur", function(){
     		if($(".amount").val() == ""){
	    		$(".tip").show();
	   			$(".tip p").text("输入您的贷款金额");
	   			setTimeout(function(){
	   				$(".tip").hide();
	   			},2000);
	   			return false;
	    	}else if( !/^[0-9]*$/.test($(".amount").val())){
	    		$(".tip").show();
	   			$(".tip p").text("输入的金额必须是数字");
	   			setTimeout(function(){
	   				$(".tip").hide();
	   			},2000);
	   			return false;
	    	}else if($(".amount").val().length > 9){
	   			$(".tip").show();
	   			$(".tip p").text("请输入正确的贷款金额");
	   			setTimeout(function(){
	   				$(".tip").hide();
	   			},2000);
	   			return false;
	   		}else{
	   		$(".tip").hide();
	   		}
     	});
     	//姓名为空失去焦点提示错误
    $(".name").on("blur",function(){
		if($(".name").val() == ""){
    		$(".tip").show();
   			$(".tip p").text("请输入您的姓名");
   			setTimeout(function(){
   				$(".tip").hide();
   			},2000);
   			return false;
    	}else{
    		$(".tip").hide();
    	}
    });
    //手机号失去焦点提示错误
    $(".tel-number").on("blur",function(){
    	 if (!/^1((3|5|7|8){1}\d)\d{8}$/.test($(".tel-number").val())) {
	        	$(".reg-bottom span").show();
				$(".tip p").text("请输入正确的手机号码");
				setTimeout(function(){
	   				$(".tip").hide();
	   			},2000);
	            return false;
	        }else{
	        	$(".tip").hide();
	        }
    })
    
    //表单验证
	    $('#form').submit( function() {
	    	if($(".amount").val() == ""){
	    		$(".tip").show();
	   			$(".tip p").text("输入您的贷款金额");
	   			setTimeout(function(){
	   				$(".tip").hide();
	   			},2000);
	   			return false;
	    	}else if( !/^[0-9]*$/.test($(".amount").val())){
	    		$(".tip").show();
	   			$(".tip p").text("输入的金额必须是数字");
	   			setTimeout(function(){
	   				$(".tip").hide();
	   			},2000);
	   			return false;
	    	}else if($(".amount").val().length > 9){
	   			$(".tip").show();
	   			$(".tip p").text("请输入正确的贷款金额");
	   			setTimeout(function(){
	   				$(".tip").hide();
	   			},2000);
	   			return false;
	   		}
	    	if($(".name").val() == ""){
	    		$(".tip").show();
	   			$(".tip p").text("请输入您的姓名");
	   			setTimeout(function(){
	   				$(".tip").hide();
	   			},2000);
	   			return false;
	    	}
	        if (!/^1((3|5|7|8){1}\d)\d{8}$/.test($(".tel-number").val())) {
	        	$(".tip").show();
				$(".tip p").text("请输入正确的手机号码");
				setTimeout(function(){
	   				$(".tip").hide();
	   			},2000);
	            return false;
	        }
	        $('#form').ajaxSubmit({
	            success: function(data) {
	            	$(".tip").hide();
	                layer.alert('提交成功', function() {
						window.location.reload();
					});
	            },
	          	error:function(data){
	          		$(".tip").hide();
					layer.alert(data.msg || "服务器繁忙，请稍后再试");
	          	}
	        });
	        return false; // 阻止表单自动提交事件
		});
	</script>
</html>
